<?php $this->load->view('base/header'); ?>

<link rel="stylesheet" media="screen" href="<?php echo base_url() . 'css/jquery.datatable.gui.css' ?>"/>
<link rel="stylesheet" media="screen" href="<?php echo base_url() . 'css/jquery-ui-1.8.14.custom.css' ?>"/>

<script type="text/javascript" src="<?php echo base_url() . 'js/jquery-ui-1.8.14.custom.min.js' ?>"></script>
<script type="text/javascript" src="<?php echo base_url() . 'js/jquery.dataTables.js' ?>"></script>
<script type="text/javascript" src="<?php echo base_url() . 'js/jquery.dataTables.ajaxPlugin.js' ?>"></script>


<section>
    <div class="container_8 clearfix">

        <!-- Main Section -->

        <section class="main-section grid_8">

            <!-- Statistics Section -->
            <div class="main-content">
                <header>
                    <h2>
                        Faktur Pembelian
                    </h2>
                </header>
                <section class="container_6 clearfix">
                    <div class="grid_6">
                        <h3>Toko :
                   
                        </h3>


                        <section class="clearfix">
                            <form class="form" id="order-pembelian">
                                <div class="clearfix">
                                    <label>No. Faktur <em>*</em><small></small></label>
                                    <input type="text" name="no_faktur" required="required" maxlength="12" />
                                </div>
                                <div class="clearfix">
                                    <label>Tanggal Faktur<small>mm/dd/yyyy</small></label>
                                    <input type="date" name="faktur_date" />
                                </div>
                                <div class="clearfix">
                                    <label>Supplier <em>*</em><small></small></label>
                                    <input type="text" name="supplier" required="required" maxlength="12" />
                                </div>
                                <div class="clearfix">
                                    <label>Total<em>*</em><small></small></label>
                                    <input type="text" name="total" required="required" />
                                </div>
                                <div class="clearfix">
                                    <label>Diskon<em>*</em><small>%</small></label>
                                    <input type="text" name="diskon" required="required" />
                                </div>
                                <div class="clearfix">
                                    <label>PPn<em>*</em><small></small></label>
                                    <input type="text" name="ppn" required="required" />
                                </div>
                                <div class="clearfix">
                                    <label>Bayar<em>*</em><small></small></label>
                                    <input type="text" name="bayar" required="required" />
                                </div>
                                <div class="action clearfix">
                                    <button class="button button-gray" type="submit"><span class="accept"></span>Add</button>
                                    <button class="button button-gray" type="reset">Reset</button>
                                </div>
                            </form>
                        </section>


                        <!-- ajax table -->
                        <div style="float: right; margin: 0 5px 3px 0;">
                            <button class="button button-gray" id="barang_add">
                                <span class="add"></span>
                                Add Barang
                            </button>
                        </div>
                        <div id="dialog-barang">
                            <table id="barang_master" width="100%" class="datatable">
                                <thead>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <!-- end ajax table -->

                    </div>
                </section>



                <div id="dialog-barang-form">
                    <form id="barang_form" class="form" method="post">

                        <div class="clearfix">
                            <label>KODE<em>*</em></label>
                            <input type="text" id="KODE_BARANG" name="KODE_BARANG" required="required" value=""/>
                        </div>

                        <div class="clearfix">
                            <label>NAMA_BARANG<em>*</em></label>
                            <input type="text" id="NAMA_BARANG" name="NAMA_BARANG" value=""/>
                        </div>

                        <div class="clearfix">
                            <label>SATUAN<em>*</em></label>
                            <input type="text" id="SATUAN" name="MERK" value=""/>
                        </div>

                        <div class="clearfix">
                            <label>HARGA/UNIT<em>*</em></label>
                            <input type="text" id="HARGA_UNIT" name="NAMA_SATUAN" value=""/>
                        </div>

                        <div class="clearfix">
                            <label>UNIT<em>*</em></label>
                            <input type="text" id="UNIT" name="STOK_MIN" value=""/>
                        </div>

                        <div class="clearfix">
                            <label>HARGA<em>*</em></label>
                            <input type="text" id="HARGA" name="MODE_TOKO" value=""/>
                        </div>



                        <div class="action clearfix">
                            <button class="button button-gray" id="add_submit" type="submit"><span class="accept"></span>Add</button>
                            <button class="button button-gray" id="update_submit" type="submit"><span class="accept"></span>Update</button>
                            <button class="button button-gray" type="reset">Reset</button>
                        </div>
                    </form>
                </div>

            </div>
            <!-- End Statistics Section -->

        </section>

        <!-- Main Section End -->

    </div>
</section>
</div>

<?php $this->load->view('base/footer'); ?>
